<template>
  <div>
     <div>firtName:<input v-model="firstName"></div>
     <div>middleName:<input v-model="middleName"></div>
     <div>lastName:<input v-model="lastName"></div>
     <div>fullName:{{fullName}}</div>
  </div>
</template>

<script lang='ts'>
  export default{
    data(){
      return{
        firstName:'zhai',
        middleName:'ji',
        lastName:'zhe'
      }
    },
    computed:{
      fullName(){
        return this.firstName+" "+this.middleName+" "+this.lastName
      }
    }
  }
</script>

<style lang='scss' scoped>
</style>